<script setup lang="ts">
import { ref } from "vue";
const salesman = ref('')
const options = ref<SelectItem[]>([{
    label: '老马',
    value: '13563254235'
},
{
    label: '老马',
    value: '13563254234'
},
{
    label: '老马',
    value: '13563254231'
}])
</script>

<template>
    <div class="user-salesman">
        <div class="item">
            <div class="label">业务员名称</div>
            <el-select v-model="salesman" class="select" placeholder="请选择业务员">
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="`${item.label} ${item.value}`"
                    :value="item.value"
                ></el-option>
            </el-select>
        </div>
        <div class="button">
            <el-button>取 消</el-button>
            <el-button type="primary">确 认</el-button>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.user-salesman {
    .item {
        display: flex;
        align-items: center;
        .label {
            margin-right: 8px;
        }
        .select {
            flex: auto;
        }
    }
    .button {
        margin-top: 24px;
        text-align: right;
    }
}
</style>
